﻿<localView:UserControlBase x:Class="VocabManager.View.AppListView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                               xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
                              xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    xmlns:local="clr-namespace:VocabManager"
                     xmlns:localView="clr-namespace:VocabManager.View"
                 
             
    d:DesignHeight="800" d:DesignWidth="480">

    <Grid x:Name="LayoutRoot">
        
        <Grid.Resources>
            <Style TargetType="ListBoxItem">
                <Setter Property="Padding" Value="3" />
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Top" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="TabNavigation" Value="Local" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="MouseOver">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselected" />
                                        <VisualState x:Name="Selected">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <ContentPresenter
                              x:Name="contentPresenter"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              Margin="{TemplateBinding Padding}"/>
                                <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>
        <ContentControl Style="{StaticResource TitleStyle}" Content="Decks"></ContentControl>
      
        <ListBox Grid.Row="1" ItemsSource="{Binding Path=Decks}" HorizontalAlignment="Stretch"
                 
                 VerticalContentAlignment="Stretch"
                 HorizontalContentAlignment="Stretch" >
            
            <ListBox.ItemTemplate>
                
                <DataTemplate>
                  
        

                        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="ContentContainer">
                        <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  BorderBrush="Black" Margin="1"  Background="#FF34577E" Opacity="0.3" ></Border>
                        <Border  HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="8" BorderBrush="white" BorderThickness="1" Background="Transparent"  CornerRadius="8" >

                            <StackPanel Orientation="Vertical">
                           <TextBlock TextWrapping="Wrap" HorizontalAlignment="Center" Text="{Binding Path=Name}" FontSize="30" Foreground="White"  />
                                  
                         <TextBlock Padding="4" TextWrapping="Wrap" Name="descriptionTB" HorizontalAlignment="Left" Text="{Binding Path=Description}" 
                                   FontSize="20" Foreground="Black" VerticalAlignment="Center" >
                              
                                </TextBlock>
                                </StackPanel>
                        </Border>
                  
                    <!--<Border BorderThickness="3" BorderBrush="LightBlue" Background="DarkGray" Padding="2">
                        <StackPanel>
                            <TextBlock Text="{Binding Path=Name}"></TextBlock>
                            <TextBlock Text="{Binding Path=Description}"></TextBlock>

                        </StackPanel>
                    </Border>-->
                    </Grid>
                </DataTemplate>
                
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</localView:UserControlBase>
